<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    [v-cloak]{
      display: none;
    }
    
  </style>
</head>
<body>



</body>
<script src="js/JQuery-2.1.4-min压缩.js"></script>
<script>
  
  var p = new Promise(function (resolve,reject) {
    $.ajax({
      url:'http://localhost:3000/data',
      type:'get',
      success:function (data) {
        resolve(data)
      },
      error:function (err) {
        reject(err)
      }
    })
  })

  var p2 = new Promise(function (resolve,reject) {
    $.ajax({
      url:'http://localhost:3000/data2',
      type:'get',
      success:function (data2) {
        resolve(data2)
      },
      error:function (err2) {
        reject(err2)
      }
    })
  })

  var p3 = new Promise(function (resolve,reject) {
    $.ajax({
      url:'http://localhost:3000/data3',
      type:'get',
      success:function (data3) {
        resolve(data3)
      },
      error:function (err3) {
        reject(err3)
      }
    })
  })
  
  p.then(function (data) {
      console.log(data)
      return p2
    })
    .catch(function (err) {
      console.log(err)
    })
    .then(function (data2) {
      console.log(data2)
      return p3
    })
    .catch(function (err2) {
      console.log(err2)
    })
    .then(function(data3){
      console.log(data3)
    })
    .catch(function (err3) {
      console.log(err3)
    })
  


</script>
</html>
